@media (max-width: 768px) {
    #tela-meus-cursos {
        padding: 15px;
    }
    .card-curso-comprado {
        flex-direction: column;
        min-height: auto;
    }
    .card-curso-capa {
        width: 100%;
        min-width: auto;
        height: 120px;
    }
    .card-curso-info {
        text-align: center;
        align-items: center;
    }
    .btn-acessar-curso {
        margin-top: 8px;
    }
    .header-cursos h1 {
        font-size: 1.3rem;
    }
}